<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>叮咚网-我的订单</title>
    <link rel="stylesheet" type="text/css" href="css/common.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="js/lib/zTable/zTable.css">
    <script type="text/javascript" src="js/common/jquery.js"></script>
    <script type="text/javascript" src="js/common/util.js"></script>
    <script type="text/javascript" src="js/lib/zTable/zTable.js"></script>
    <script type="text/javascript" src="js/modules/my-orderlist.js"></script>
    <script type="text/javascript" src="js/modules/url.js"></script>
</head>
<body>
    <div class="main">
        <div class="main-header">
            <div class="top-right">
                <div class="top-item"><a href="javascript:;">我的收藏</a></div>
                <div class="top-item"><a href="javascript:;">我的足迹</a></div>
                <div class="top-item"><a href="javascript:;">我的订单</a></div>
                <div class="top-item"><a href="javascript:;">我的预约</a></div>
                <div class="top-item"><a href="javascript:;">我的会员</a></div>
                <div class="top-user-box">
                    <a href="javascript:;" class="top-reg">注册</a>|<a href="javascript:;" class="top-login">登录</a>
                </div>
            </div>
        </div>
        <div class="my-body">
            <div class="my-body-header">
                <div class="header-title">
                    <div class="label-name">叮咚网</div>
                    <div class="label-title">叮咚之水 润泽万家</div>
                </div>
                <div class="header-content">
                    <div class="header-search-box">
                        <input type="text" class="search-text" />
                    </div>
                    <div class="header-search-btn"></div>
                    <div class="shopping-cart">
                        <div class="shopping-cart-text">我的购物车</div>
                        <div class="shopping-cart-icon">
                            <div class="shopping-badge">0</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="my-body-header-body">
                <div class="header-content-title">
                    <ul class="navbar clearfix" style="padding-left:20px;width: calc(100% - 20px);">
                        <li ><a href="">首页</a></li>
                        <li  class="active" ><a href="">房产<span class="caret"></span></a></li>
                        <li ><a href="">酒店<span class="caret"></span></a></li>
                        <li ><a href="">车行<span class="caret"></span></a></li>
                        <li ><a href="">装修<span class="caret"></span></a></li>
                        <li ><a href="">商品<span class="caret"></span></a></li>
                        <li ><a href="">学校<span class="caret"></span></a></li>
                        <li ><a href="">更多<span class="caret"></span></a></li>
                    </ul>
                </div>
                <div class="my-main-content">
                    <div class="my-main-content-title">
                        <div class="div-to-main-page"><a href="">首页</a> > 我的订单</div>
                    </div>
                    <div class="my-main-content-body">
                        <div class="my-order-title">
                            <div class="my-indent-title-icon"></div>
                            <div class="my-order-title-text">全部订单（<span class="order-number">3</span>）</div>
                        </div>
                        <div class="my-table-list"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        $(document).ready(function () {
            myOrderList.init();
        });
    </script>
</body>
</html>